<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>个人中心</title>
    <style>
        body.hidden {
            min-width: 1400px;
            overflow-x: auto
        }
    </style>
</head>

<body class="hidden">
    @@include('header.html')

    @@include('user-center-banner.html')
    <div class="j-userCenter-tip clearfix">
        <div class="left clearfix j-menu-title">
            <span class="left titleText">个人中心</span><img src="images/icon/next.png" alt="" class="left title-ico">
            <ul class="left clearfix classify">
                <li>账单记录</li>
                <li>提币记录</li>
            </ul>
        </div>
    </div>
    <div class="j-userCenter-content">
        
        <div class="clearfix hidden">
            @@include('club-personal.html')
            <div class="y-content-r">
                
                <div class="clearfix y-location-r">
                    <span class="fl mr40">充币记录</span>
                </div>
                <div class="j-userCenter-content-r">
                    <div class="j-addr-manage-box">
                        <ul class="clearfix j-addr-manage-ul border-b">
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                            <li class="clearfix fl addr-manage-li">
                                <img src="images/ETH.png" alt="" class="fl j-coinImg">
                                <span class="fl j-coin-text">ETH</span>
                            </li>
                        </ul>
                        <div class="clearfix j-addr-manage-card">
                            <ul>
                                <li class="fl j-card-li">
                                    <div class="ptb10">
                                        <div class="clearfix">
                                            <span class="fl card-sign">Im token</span>
                                            <img src="images/icon/delIcon.png" class="fr card-del pointer">
                                        </div>
                                        <span class="card-value">0x776fe6b738d49fbdc12301bfe267d4f20e7dd7e2</span>
                                        <div class="clearfix">
                                            <span class="fl j-operate-text pointer">提币</span>
                                            <span class="fr j-operate-text pointer">编辑</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="fl j-card-li">
                                    <div class="ptb10">
                                        <div class="clearfix">
                                            <span class="fl card-sign">Im token</span>
                                            <img src="images/icon/delIcon.png" class="fr card-del pointer">
                                        </div>
                                        <span class="card-value">0x776fe6b738d49fbdc12301bfe267d4f20e7dd7e2</span>
                                        <div class="clearfix">
                                            <span class="fl j-operate-text pointer">提币</span>
                                            <span class="fr j-operate-text pointer">编辑</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="fl j-card-li">
                                    <div class="ptb10">
                                        <div class="clearfix">
                                            <span class="fl card-sign">Im token</span>
                                            <img src="images/icon/delIcon.png" class="fr card-del pointer">
                                        </div>
                                        <span class="card-value">0x776fe6b738d49fbdc12301bfe267d4f20e7dd7e2</span>
                                        <div class="clearfix">
                                            <span class="fl j-operate-text pointer">提币</span>
                                            <span class="fr j-operate-text pointer">编辑</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="fl j-card-li">
                                    <div class="ptb10">
                                        <div class="clearfix">
                                            <span class="fl card-sign">Im token</span>
                                            <img src="images/icon/delIcon.png" class="fr card-del pointer">
                                        </div>
                                        <span class="card-value">0x776fe6b738d49fbdc12301bfe267d4f20e7dd7e2</span>
                                        <div class="clearfix">
                                            <span class="fl j-operate-text pointer">提币</span>
                                            <span class="fr j-operate-text pointer">编辑</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="fl j-add-card y-orderPop-show">
                                <i class="add-ico"></i>
                                <span class="add-text">添加地址</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 下单 -->
    <div class="y-popBox y-order-pop none">
        <div class="popbg"></div>
        <div class="pop_box no-padding">
            <div class="y-pop-order">
                <div class="y-pop-location clearfix">
                    <span class="fl">添加地址</span>
                </div>
                <div class="clearfix j-withdraw-box">
                    <div class="j-withdraw-addr-box">
                        <div class="mt10">
                            <span class="j-withdraw-text">提币地址</span>
                            <input class="j-withdraw-addr" placeholder="请填写您的提币地址" />
                        </div>
                        <div class="mt10">
                            <span class="j-withdraw-text">备注<span class="plr5">(必填)</span></span>
                            <input class="j-withdraw-addr" placeholder="请填写您的备注" />
                        </div>
                        <div class="mt10">
                            <span class="j-withdraw-text">资金密码</span>
                            <input class="j-withdraw-addr" placeholder="请输入您的资金密码"  />
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix pop_button">
                <div class="fl">
                    <button class="y-btn y-popCancel-btn y-plain-btn y-md-btn">取消</button>
                </div>
                <div class="fr text-r">
                    <button class="y-btn y-lilace-btn y-plain-btn y-md-btn">确认</button>
                </div>
            </div>
        </div>
    </div>
    @@include('footer-js.html')
    <script type="text/javascript" src="js/laydate/laydate.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            /*var lis = $(".addr-options li");

            for (var i = 0; i < lis.length; i++) {
                lis[i].onclick = function(e) {
                    e.stopPropagation();
                    $(this).parents('.addr-filterList').find('.addr-select-box').val(this.getAttribute("rel"));
                    $(this).parents(".addr-options").hide();
                    $(this).parents('.addr-replace').find(".addr-current").html($(this).find('.addr-value').html());
                    getSelectVal(this);
                }
            }
            $(".addr-replace").click(function(e) {
                e.stopPropagation();
                $(this).find(".addr-options").show();
            })
            $(":not(.addr-replace)").click(function() {
                $(this).find(".addr-options").hide();
            })*/

            var lis = $(".j-options li");

            for (var i = 0; i < lis.length; i++) {
                lis[i].onclick = function() {
                    $(this).parents('.j-filterList').find('.j-select-box').val(this.getAttribute("rel"));
                    $(this).parents(".j-options").hide();
                    $(this).parents('.j-replace').find(".j-current").html(this.innerHTML);
                    getSelectVal(this);
                }
            }
            $(".j-replace").mouseover(function() {
                $(this).find(".j-options").show();
            })
            $(".j-replace").mouseout(function() {
                $(this).find(".j-options").hide();
            })

            // 下单
            $('.y-orderPop-show').click(function() {
                    $('.y-order-pop').removeClass('none');
                })
            
        });
        function payOrNot(e) {
            if ($(e).is(':checked')) {
                $(e).siblings('.y-checked').removeClass('none');
                $(e).siblings('.y-check').addClass('none');
            } else {
                $(e).siblings('.y-checked').addClass('none');
                $(e).siblings('.y-check').removeClass('none');
            }
            console.log($(e).is(':checked'));
        }

        //执行一个laydate实例
        laydate.render({
          elem: '#test1'
          ,type: 'datetime'
          ,range: '-'
          ,format: 'yyyy/MM/dd'
          ,value: '2018/07/01 - 2018/12/31'
        }); 
    </script>
</body>

</html>